<script setup>

</script>

<template>
  <div>
    <div class="select-body">
      <select name="">
        <option>选择区</option>
        <!--        option是选项 可以通过服务器返回后for循环-->
        <option>海淀</option>
        <option>朝阳</option>
        <option>顺义</option>
        <option>东城</option>
        <option>黄浦</option>
        <option>宝山</option>
        <option>嘉定</option>
        <option>松江</option>
      </select>
    </div>
  </div>
</template>

<style scoped>
.select-body {
  text-align: center;
}

select {
  width: 60%;
  border: 0;
  font-size: 25px;
  font-weight: bold;
  background-color: #fff;
  outline: none;
}


option {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
</style>